<script>
export default {
	onLaunch: function() {
		console.warn('当前组件仅支持 uni_modules 目录结构 ，请升级 HBuilderX 到 3.1.0 版本以上！');
		console.log('App Launch');
	},
	onShow: function() {
		console.log('App Show');
	},
	onHide: function() {
		console.log('App Hide');
	},
	methods: {
		openBuilderPage() {
			uni.navigateTo({
				url: `/pages/index/builder/builder`
			});
		},
		openBuilderDetails(id) {
			uni.navigateTo({
				url: `/pages/index/builder/details/details?id=${id}`
			});
		},
		openComboPage() {
			uni.navigateTo({
				url: '/pages/index/bag/bag'
			});
		},
		openConstructionPage() {
			uni.navigateTo({
				url: '/pages/index/construction/construction'
			});
		},
		openConstructionDetails(id) {
			uni.navigateTo({
				url: `/pages/index/construction/details/details?id=${id}`
			});
		}
	}
};
</script>

<style lang="scss">
@import '@/uni_modules/uni-scss/index.scss';
/* #ifndef APP-NVUE */
@import '@/static/customicons.css';
page {
	height: 100%;
	background-color: #f5f5f5;
}
image {
	display: block;
	width: 100%;
}
.horizontal {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.line {
	width: 6rpx;
	height: 28rpx;
	background-color: #3d9c36;
}
.header-more {
	justify-content: space-between;
}
.header {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.dividing-line {
	height: 1rpx;
	background: rgba(0, 0, 0, 0.05);
}
.btn {
	margin: auto;
	margin-top: 110rpx;
	margin-bottom: 94rpx;
	text-align: center;
	line-height: 80rpx;
	width: 328rpx;
	height: 80rpx;
	background: #3d9c36;
	color: white;
	border-radius: 8rpx;
}
.btn-hover {
	background: gray;
	color: white;
}
.content {
	width: 100%;
}
.content-empty {
	width: 100%;
	height: 100%;
}
.empty-data {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
	background-color: white;

	.empty-data-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.empty-data-image {
			width: 582rpx;
		}
		.empty-data-title {
			font-size: 24rpx;
		}
	}
}
/* #endif */
.example-info {
	font-size: 14px;
	color: #333;
	padding: 10px;
}
</style>
